<template>
  <div>
    <Pannel>
      <img src="./assets/表情包.png" alt="">
      <span>我是文字哦</span>
    </Pannel>
    <Pannel>
      <p>寒雨连江夜入吴,</p>
          <p>平明送客楚山孤。</p>
          <p>洛阳亲友如相问，</p>
          <p>一片冰心在玉壶。</p>
    </Pannel>
    <!-- 
      插槽的使用：
      什么是插槽：是vue内置的一个slot组件，可以让组件内接收不同的标签结构进行显示
      使用步骤：
        1、在封装的组件中，需要插入结构的地方，用slot标签占位。
        2、使用封装组件的使用，将需要插入的标签放到组件标签中即可
        那么插入的标签就能够渲染到slot标签的位置上
     -->
  </div>
</template>

<script>
import Pannel from "./components/Pannel.vue"
export default {
  components: {
    Pannel
  }
}
</script>

<style>

</style>